<template>
  <div class="App" >

    <Hello />
    <div id="leftBox" >
      <myChart />
    </div>
    <div id="rightBox">
      <myChart1 />
    </div>
</div>
</template>

<script>
import Hello from "./components/ThreeJs2.vue"
import myChart from "@/components/echarts.vue";
import myChart1 from "@/components/echarts1.vue";


export default {
  name: 'App',
  components: {
    myChart,
    myChart1,
    Hello
  }
}
</script>

<style scoped>

#leftBox{
  background-color: red;
  width: 30%;
  height: 180px;
  position: absolute;
  margin-top:15%;
  left: 0;
  opacity: 0.5;
  z-index:999
}
#rightBox{
  background-color: blueviolet;
  width: 30%;
  height: 180px;
  position: absolute;
  margin-top:15%;
  right: 0;
  opacity: 0.5;
  z-index:999
}
</style>
